.x-selector{
    position : absolute;
    left : 0;
    top : 0;
}

.x-selector .x-content{
    position: absolute;
    border:1px solid #fff;
    left:350px;
    top:200px;
    width:100px;
    height:100px;
    -webkit-box-shadow:0px 0px 5px #000;
    cursor: move;
}

.x-selector .x-handler{
    position:absolute;
    width:13px;
    height:13px;
    -webkit-border-radius:6px;
    background:#FFF;
    -webkit-box-shadow:0px 0px 5px #000;
}

.x-selector .x-rotate-bar{
    position: absolute;
    left: 400px;
    top: 160px;
    width: 1px;
    height: 40px;
    background: #fff;
    -webkit-box-shadow:0px 0px 5px #000;
}

.x-selector .x-rotate-handler{
    position: absolute;
    left: 394px;
    top: 154px;
    cursor: move;
}

.x-selector>div:nth-of-type(2){
    left:344px;
    top:194px;
    cursor: nw-resize;
}
.x-selector>div:nth-of-type(3){
    left:444px;
    top:194px;
    cursor: ne-resize;
}
.x-selector>div:nth-of-type(4){
    left:444px;
    top:294px;
    cursor: se-resize;
}
.x-selector>div:nth-of-type(5){
    left:344px;
    top:294px;
    cursor: sw-resize;
}